<template>
  <view class="agreement-container">
    
    <scroll-view scroll-y class="content">
      <view class="section">
        <view class="section-title">1. 协议的范围</view>
        <view class="section-content">
          1.1 本协议是您与麻艺星管理员后台之间关于使用本系统服务所订立的协议。
          
          1.2 本协议内容包括协议正文及所有茶室预约系统已经发布的或将来可能发布的各类规则。所有规则为本协议不可分割的组成部分，与协议正文具有同等法律效力。
        </view>
      </view>
      
      <view class="section">
        <view class="section-title">2. 服务内容</view>
        <view class="section-content">
          2.1 麻艺星管理员后台，包括但不限于：
          - 管理麻将馆信息
          - 管理房间信息
          - 管理订单信息
          - 查看销售数据信息
          - 其他相关服务
          
          2.2 本系统保留随时变更、中断或终止部分或全部服务的权利。
        </view>
      </view>
      
      <view class="section">
        <view class="section-title">3. 用户账户</view>
        <view class="section-content">
          3.1 您在使用本服务前需要注册账户。您承诺：
          - 提供真实、准确、完整的用户资料
          - 及时更新用户资料
          - 不得冒充他人
          
          3.2 您应妥善保管账户密码，因密码保管不善造成的损失由您自行承担。
        </view>
      </view>
      
      <view class="section">
        <view class="section-title">4. 用户行为规范</view>
        <view class="section-content">
          4.1 您在使用本服务时应遵守中华人民共和国相关法律法规。
          
          4.2 您不得利用本服务从事违法违规行为，包括但不限于：
          - 发布虚假信息
          - 侵犯他人知识产权
          - 从事违法经营活动
        </view>
      </view>
    </scroll-view>
  </view>
</template>

<script>
export default {
  data() {
    return {}
  }
}
</script>

<style lang="scss" scoped>
.agreement-container {
  min-height: 100vh;
  background: #fff;
  padding: 30rpx;
  
  .title {
    font-size: 36rpx;
    font-weight: bold;
    text-align: center;
    margin-bottom: 40rpx;
  }
  
  .content {
    height: calc(100vh - 120rpx);
  }
  
  .section {
    margin-bottom: 40rpx;
    
    .section-title {
      font-size: 32rpx;
      font-weight: bold;
      margin-bottom: 20rpx;
      color: #333;
    }
    
    .section-content {
      font-size: 28rpx;
      color: #666;
      line-height: 1.8;
    }
  }
}
</style>
